<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/reset.css">
</head>
<body>
    <!-- 头部 -->
    <div id="header" class="container">
        <img src="./images/logo.png" alt="">
        <ul class="clearfix">
            <li>首页</li>
            <li>服务范畴</li>
            <li>案例展示</li>
            <li>新闻咨询</li>
            <li>关于我们</li>
            <li>练习我们</li>
            <li>在线留言</li>
        </ul>
    </div>
    <!-- 轮播 -->
    <img id="banner" src="./images/banner.jpg" alt="">

    <!-- 理念 -->
    <div id="idea">
        <div class="container clearfix">
            <div class="left">
                <h3>公司理念</h3>
                <p>以诚信赢得市场，以质量铸造品牌，我们坚信︰“品牌”不仅仅是一个商标，一件产品，是一种品质，它用良女的质吊维系消费者对企业的信赖;</p>
            </div>
            <div class="right">了解更多</div>
        </div>
    </div>
    <!-- 服务 -->
    <div id="service">
        <div class="container">
            <h1>我们的服务</h1>
            <ul class="clearfix">
                <li>
                    <img src="./images/s1.jpg" alt="">
                    <h2>移动端网站设计</h2>
                    <p>移动共享时代主义</p>
                </li>
                <li>
                    <img src="./images/s2.jpg" alt="">
                    <h2>PC端网站建设</h2>
                    <p>好看+好用+激发消费者购买欲望</p>
                </li>
                <li>
                    <img src="./images/s3.jpg" alt="">
                    <h2>营销策划</h2>
                    <p>用画面让产品和服务说话</p>
                </li>
                <li>
                    <img src="./images/s4.jpg" alt="">
                    <h2>品牌形象</h2>
                    <p>从无到有，从有到更好</p>
                </li>
            </ul>
        </div>
    </div>

    <!-- 中间部分 -->
    <div id="centertop">
        <img src="./images/brand-bg.jpg" alt="">
        <div class="container">
            <p>每一个品牌都是一个产品，但不是所有的产品</p>
            <p>都是品牌～</p>
        </div>
    </div>
    <div id="centercen">
        <div class="container">
            <h2>关于我们的优势</h2>
            <p>不断的努力，严格要求自己，真诚的为客户服务</p>
            <ul class="clearfix">
                <li>
                    <img src="./images/i1.png" alt="">
                    <p>1852</p>
                    <p>成功案例</p>
                </li>
                <li>
                    <img src="./images/i2.png" alt="">
                    <p>1852</p>
                    <p>成功案例</p>
                </li>
                <li>
                    <img src="./images/i3.png" alt="">
                    <p>1852</p>
                    <p>成功案例</p>
                </li>
                <li>
                    <img src="./images/i4.png" alt="">
                    <p>1852</p>
                    <p>成功案例</p>
                </li>
            </ul>
        </div>
    </div>
    <div id="centerbottom">
        <div class="outside">
            <img src="./images/about-bg.jpg" alt="">
            <div>
                <h3>给你最好的体验价值</h3>
                <p>网站建设、视觉设计领域从业超过10年!</p>
                <p>我们了解大中小型企业的经营模式和需求</p>
                <p>我们侣导让客户感知产品的体验价值，而不仅仅是产品的功能</p>
                <p>了解详情</p>
            </div>
        </div>
    </div>

    <!-- 联系我们 -->
    <div id="contact">
        <div class="container">
            <h2>联系我们</h2>
            <P>如有任何问题请联系我们，我们7*24小时竭诚为您服务</P>
            <P>4008-888-888</P>

            <ul class="clearfix">
                <li>
                    <img src="./images/首页_03.jpg" alt="">
                    <div>
                        <p>在线QQ客服</p>
                        <p>12345678</p>
                    </div>
                </li>
                <li>
                    <img src="./images/首页_05.jpg" alt="">
                    <div>
                        <p>关注新浪微博</p>
                        <p>http://weibo.com/</p>
                    </div>
                </li>
                <li>
                    <img src="./images/首页_07.jpg" alt="">
                    <div>
                        <p>关注官方微信</p>
                        <p>Xiuzhanwang</p>
                    </div>
                </li>
            </ul>

            <div class="center container clearfix">
                <div></div>
                <div></div>
                <img src="./images/weixin.png" alt="">
                <p>扫描查看手机版网站</p>
                
            </div>
        </div>
    </div>

    <!-- 展示 -->
    <div id="exhibition">
        <div class="container">
            <ul class="clearfix">
                <li>
                    <img src="./images/1-1FP9215325439-lp.jpg" alt="">
                    <p>如何让自己的网站更有质是?</p>
                    <p>随若互联网的不断发展，对网站的要求越来</p>
                </li>
                <li>
                    <img src="./images/1-1FP921524B28-lp.jpg" alt="">
                    <p>网络公司告诉你有关面包屑导</p>
                    <p>面包屑导航来源于童话故事中的汉塞尔利用</p>
                </li>
                <li>
                    <img src="./images/1-1FP9215215Z8-lp.jpg" alt="">
                    <p>内容优化之有“心”创作</p>
                    <p>什么是直正的原创文?小编认为，真正的原</p>
                </li>
                <li>
                    <img src="./images/1-1FP92151262I-lp.jpg" alt="">
                    <p>带着seo思维选域名建站就成功</p>
                    <p>对于网站来说,域名的选择尤为重要，有些</p>
                </li>
            </ul>
        </div>
    </div>

    <!-- 尾部 -->
    <div id="footer">
        <div class="container">
            <ul class="clearfix">
                <li>
                    <img src="./images/f-1.png" alt="">
                    <span>安徽省合肥市宁国大道</span>
                </li>
                <li>
                    <img src="./images/f-2.png" alt="">
                    <span>联系电话:4008-888-888</span>
                </li>
                <li>
                    <img src="./images/f-3.png" alt="">
                    <span>)工作时间:09:00—18:00</span>
                </li>
                <li>
                    <img src="./images/f-4.png" alt="">
                    <span>12345678@qq.com</span>
                </li>
            </ul>
            <div class="line"></div>
            <ul class="clearfix">
                <li>首页</li>
                <li>服务范畴</li>
                <li>案例展示</li>
                <li>新闻质询</li>
                <li>关于我们</li>
                <li>联系我们</li>
                <li>在线留言</li>
            </ul>
            <p>Copyright&nbsp;&copy;&nbsp;2017&nbsp;HTML5网络公司模板&nbsp;版权所有&nbsp;Power &nbsp;by &nbsp;DedeCms&nbsp; 皖ICP12345678&nbsp;&nbsp;&nbsp;技术支持:织梦模版</p>
            <p>友情链接&nbsp;:&nbsp;织梦模板</p>
        </div>
    </div>
</body>
</html>